<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<p>Test that incorrect margin collapsing estimates (which will trigger another layout pass)
    doesn't upset column balancing.</p>
<p>There should be a hotpink square below.</p>
<div id="container" style="position:relative; -webkit-columns:3; -webkit-column-gap:0; width:90px; line-height:60px;">
    <div style="background:hotpink;" data-offset-x="0" data-offset-y="0"><br></div>
    <br>
    <div style="background:hotpink;" data-offset-x="30" data-offset-y="0"><br></div>
    <div id="outer">
        <div></div>
        <div id="inner" style="margin-top:60px;">
            <div style="-webkit-column-break-before:always;"></div>
        </div>
    </div>
    <br>
    <br>
</div>
<script>
    checkLayout("#container");
</script>
